@keyframes run{
	0% {
		transform: rotate3d(0, 0, 0, 0deg);
	}
	20% {
		transform: rotate3d(1, 1, 1, 72deg);
	}
	40% {
		transform: rotate3d(1, 1, 1, 144deg);
	}
	60% {
		transform: rotate3d(1, 1, 1, 216deg);
	}
	80% {
		transform: rotate3d(1, 1, 1, 288deg);
	}
	100% {
		transform: rotate3d(1, 1, 1, 360deg);
	}
}
.cube {
	width: 200px;
	height: 200px;
	position: relative;
	margin: 100px;
	transform-style: preserve-3d;
	animation: run 5s linear infinite;
}
.cube .plane {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid #C00;
	text-align: center;
	line-height: 200px;
	font-size: 64px;
}
.plane-front {
	transform: translate3d(0, 0, 100px);
}
.plane-top {
	transform: translate3d(0, -100px, 0) rotateX(-90deg);
}
.plane-bottom {
	transform: translate3d(0, 100px, 0) rotateX(90deg);
}
.plane-left {
	transform: translate3d(-100px, 0, 0) rotateY(90deg);
}
.plane-right {
	transform: translate3d(100px, 0, 0) rotateY(-90deg);
}
.plane-back {
	transform: translate3d(0, 0, -100px) rotateX(180deg);
}